.u-flex {
  display: flex;
  align-items: center;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-nowrap {
  flex-wrap: nowrap;
}

.u-col-center {
  align-items: center;
}

.u-col-top {
  align-items: flex-start;
}

.u-col-bottom {
  align-items: flex-end;
}

.u-row-center {
  justify-content: center;
}

.u-row-left {
  justify-content: flex-start;
}

.u-row-right {
  justify-content: flex-end;
}

.u-row-between {
  justify-content: space-between;
}

.u-row-around {
  justify-content: space-around;
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-flex-col {
  display: flex;
  flex-direction: column;
}

.hidden-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 定义flex等分
// @for $i from 0 through 12 {
// 	.u-flex-#{$i} {
// 		flex: $i;
// 	}
// }

.u-flex-0{flex:0}.u-flex-1{flex:1}.u-flex-2{flex:2}.u-flex-3{flex:3}.u-flex-4{flex:4}.u-flex-5{flex:5}.u-flex-6{flex:6}.u-flex-7{flex:7}.u-flex-8{flex:8}.u-flex-9{flex:9}.u-flex-10{flex:10}.u-flex-11{flex:11}.u-flex-12{flex:12}

// 定义内外边距，历遍1-80
// @for $i from 0 through 30 {
// 	// 只要双数和能被5除尽的数
// 	@if $i % 2 == 0 or $i % 5 == 0 {
// 		// 得出：u-margin-30或者u-m-30
// 		.u-m-#{$i} {
// 			margin: $i + px!important;
// 		}
		
// 		// 得出：u-padding-30或者u-p-30
// 		.u-p-#{$i} {
// 			padding: $i + px!important;
// 		}
		
// 		@each $short, $long in l left, t top, r right, b bottom {
// 			// 缩写版，结果如： u-m-l-30
// 			// 定义外边距
// 			.u-m-#{$short}-#{$i} {
// 				margin-#{$long}: $i + px!important;
// 			}
			
// 			// 定义内边距
// 			.u-p-#{$short}-#{$i} {
// 				padding-#{$long}: $i + px!important;
// 			}
// 		}
// 	}
// }

.u-m-0{margin:0!important}.u-p-0{padding:0!important}.u-m-l-0{margin-left:0!important}.u-p-l-0{padding-left:0!important}.u-m-t-0{margin-top:0!important}.u-p-t-0{padding-top:0!important}.u-m-r-0{margin-right:0!important}.u-p-r-0{padding-right:0!important}.u-m-b-0{margin-bottom:0!important}.u-p-b-0{padding-bottom:0!important}.u-m-2{margin:2px!important}.u-p-2{padding:2px!important}.u-m-l-2{margin-left:2px!important}.u-p-l-2{padding-left:2px!important}.u-m-t-2{margin-top:2px!important}.u-p-t-2{padding-top:2px!important}.u-m-r-2{margin-right:2px!important}.u-p-r-2{padding-right:2px!important}.u-m-b-2{margin-bottom:2px!important}.u-p-b-2{padding-bottom:2px!important}.u-m-4{margin:4px!important}.u-p-4{padding:4px!important}.u-m-l-4{margin-left:4px!important}.u-p-l-4{padding-left:4px!important}.u-m-t-4{margin-top:4px!important}.u-p-t-4{padding-top:4px!important}.u-m-r-4{margin-right:4px!important}.u-p-r-4{padding-right:4px!important}.u-m-b-4{margin-bottom:4px!important}.u-p-b-4{padding-bottom:4px!important}.u-m-5{margin:5px!important}.u-p-5{padding:5px!important}.u-m-l-5{margin-left:5px!important}.u-p-l-5{padding-left:5px!important}.u-m-t-5{margin-top:5px!important}.u-p-t-5{padding-top:5px!important}.u-m-r-5{margin-right:5px!important}.u-p-r-5{padding-right:5px!important}.u-m-b-5{margin-bottom:5px!important}.u-p-b-5{padding-bottom:5px!important}.u-m-6{margin:6px!important}.u-p-6{padding:6px!important}.u-m-l-6{margin-left:6px!important}.u-p-l-6{padding-left:6px!important}.u-m-t-6{margin-top:6px!important}.u-p-t-6{padding-top:6px!important}.u-m-r-6{margin-right:6px!important}.u-p-r-6{padding-right:6px!important}.u-m-b-6{margin-bottom:6px!important}.u-p-b-6{padding-bottom:6px!important}.u-m-8{margin:8px!important}.u-p-8{padding:8px!important}.u-m-l-8{margin-left:8px!important}.u-p-l-8{padding-left:8px!important}.u-m-t-8{margin-top:8px!important}.u-p-t-8{padding-top:8px!important}.u-m-r-8{margin-right:8px!important}.u-p-r-8{padding-right:8px!important}.u-m-b-8{margin-bottom:8px!important}.u-p-b-8{padding-bottom:8px!important}.u-m-10{margin:10px!important}.u-p-10{padding:10px!important}.u-m-l-10{margin-left:10px!important}.u-p-l-10{padding-left:10px!important}.u-m-t-10{margin-top:10px!important}.u-p-t-10{padding-top:10px!important}.u-m-r-10{margin-right:10px!important}.u-p-r-10{padding-right:10px!important}.u-m-b-10{margin-bottom:10px!important}.u-p-b-10{padding-bottom:10px!important}.u-m-12{margin:12px!important}.u-p-12{padding:12px!important}.u-m-l-12{margin-left:12px!important}.u-p-l-12{padding-left:12px!important}.u-m-t-12{margin-top:12px!important}.u-p-t-12{padding-top:12px!important}.u-m-r-12{margin-right:12px!important}.u-p-r-12{padding-right:12px!important}.u-m-b-12{margin-bottom:12px!important}.u-p-b-12{padding-bottom:12px!important}.u-m-14{margin:14px!important}.u-p-14{padding:14px!important}.u-m-l-14{margin-left:14px!important}.u-p-l-14{padding-left:14px!important}.u-m-t-14{margin-top:14px!important}.u-p-t-14{padding-top:14px!important}.u-m-r-14{margin-right:14px!important}.u-p-r-14{padding-right:14px!important}.u-m-b-14{margin-bottom:14px!important}.u-p-b-14{padding-bottom:14px!important}.u-m-15{margin:15px!important}.u-p-15{padding:15px!important}.u-m-l-15{margin-left:15px!important}.u-p-l-15{padding-left:15px!important}.u-m-t-15{margin-top:15px!important}.u-p-t-15{padding-top:15px!important}.u-m-r-15{margin-right:15px!important}.u-p-r-15{padding-right:15px!important}.u-m-b-15{margin-bottom:15px!important}.u-p-b-15{padding-bottom:15px!important}.u-m-16{margin:16px!important}.u-p-16{padding:16px!important}.u-m-l-16{margin-left:16px!important}.u-p-l-16{padding-left:16px!important}.u-m-t-16{margin-top:16px!important}.u-p-t-16{padding-top:16px!important}.u-m-r-16{margin-right:16px!important}.u-p-r-16{padding-right:16px!important}.u-m-b-16{margin-bottom:16px!important}.u-p-b-16{padding-bottom:16px!important}.u-m-18{margin:18px!important}.u-p-18{padding:18px!important}.u-m-l-18{margin-left:18px!important}.u-p-l-18{padding-left:18px!important}.u-m-t-18{margin-top:18px!important}.u-p-t-18{padding-top:18px!important}.u-m-r-18{margin-right:18px!important}.u-p-r-18{padding-right:18px!important}.u-m-b-18{margin-bottom:18px!important}.u-p-b-18{padding-bottom:18px!important}.u-m-20{margin:20px!important}.u-p-20{padding:20px!important}.u-m-l-20{margin-left:20px!important}.u-p-l-20{padding-left:20px!important}.u-m-t-20{margin-top:20px!important}.u-p-t-20{padding-top:20px!important}.u-m-r-20{margin-right:20px!important}.u-p-r-20{padding-right:20px!important}.u-m-b-20{margin-bottom:20px!important}.u-p-b-20{padding-bottom:20px!important}.u-m-22{margin:22px!important}.u-p-22{padding:22px!important}.u-m-l-22{margin-left:22px!important}.u-p-l-22{padding-left:22px!important}.u-m-t-22{margin-top:22px!important}.u-p-t-22{padding-top:22px!important}.u-m-r-22{margin-right:22px!important}.u-p-r-22{padding-right:22px!important}.u-m-b-22{margin-bottom:22px!important}.u-p-b-22{padding-bottom:22px!important}.u-m-24{margin:24px!important}.u-p-24{padding:24px!important}
.u-m-l-24{margin-left:24px!important}.u-p-l-24{padding-left:24px!important}.u-m-t-24{margin-top:24px!important}.u-p-t-24{padding-top:24px!important}.u-m-r-24{margin-right:24px!important}.u-p-r-24{padding-right:24px!important}.u-m-b-24{margin-bottom:24px!important}.u-p-b-24{padding-bottom:24px!important}.u-m-25{margin:25px!important}.u-p-25{padding:25px!important}.u-m-l-25{margin-left:25px!important}.u-p-l-25{padding-left:25px!important}.u-m-t-25{margin-top:25px!important}.u-p-t-25{padding-top:25px!important}.u-m-r-25{margin-right:25px!important}.u-p-r-25{padding-right:25px!important}.u-m-b-25{margin-bottom:25px!important}.u-p-b-25{padding-bottom:25px!important}.u-m-26{margin:26px!important}.u-p-26{padding:26px!important}.u-m-l-26{margin-left:26px!important}.u-p-l-26{padding-left:26px!important}.u-m-t-26{margin-top:26px!important}.u-p-t-26{padding-top:26px!important}.u-m-r-26{margin-right:26px!important}.u-p-r-26{padding-right:26px!important}.u-m-b-26{margin-bottom:26px!important}.u-p-b-26{padding-bottom:26px!important}.u-m-28{margin:28px!important}.u-p-28{padding:28px!important}.u-m-l-28{margin-left:28px!important}.u-p-l-28{padding-left:28px!important}.u-m-t-28{margin-top:28px!important}.u-p-t-28{padding-top:28px!important}.u-m-r-28{margin-right:28px!important}.u-p-r-28{padding-right:28px!important}.u-m-b-28{margin-bottom:28px!important}.u-p-b-28{padding-bottom:28px!important}.u-m-30{margin:30px!important}.u-p-30{padding:30px!important}.u-m-l-30{margin-left:30px!important}.u-p-l-30{padding-left:30px!important}.u-m-t-30{margin-top:30px!important}.u-p-t-30{padding-top:30px!important}.u-m-r-30{margin-right:30px!important}.u-p-r-30{padding-right:30px!important}.u-m-b-30{margin-bottom:30px!important}.u-p-b-30{padding-bottom:30px!important}

// ------ 分割线 ------

.align-center {
  text-align: center;
}